//-------------------------------------------------------------------------
body
    background url(/images/background-stripes_midgreen.jpg)
//-------------------------------------------------------------------------
a
    color #5d811a
    .usercontainer &:hover
        background-color hsl(81, 40%, 20%)
        color white
    .module &:hover
        background-color hsl(81, 40%, 20%)
        color white
//-------------------------------------------------------------------------
h1,h2,h3,h4,h5
    color hsl(81, 40%, 20%)
//-------------------------------------------------------------------------
header
    // background-color hsla(81, 40%, 50%, 0.6)
    background url(/images/header.background.png)
    min-height 35px
    padding 4px
    border-bottom 2px solid rgba(193,242,95,0.7)
//-------------------------------------------------------------------------
.usercontainer
    color white
    a
        color white
//-------------------------------------------------------------------------
#notification-counter
    border-radius 3px
    background-color hsl(81, 40%, 30%)
    &:hover
        background-color hsl(81, 20%, 25%)
//-------------------------------------------------------------------------
p.error, p.info
    color hsl(81, 20%, 40%)
    background-color hsla(81, 90%, 90%, 1)
    border 2px solid hsla(81, 40%, 40%, 1)
//-------------------------------------------------------------------------
nav
    a
        color #5d811a
//-------------------------------------------------------------------------
.module
    border 2px dashed #a1c066
    background rgba(215,238,171,0.75)
    box-shadow 0 0 12px hsl(81, 40%, 30%)
    h5
        background hsla(81, 40%, 30%, 1)
        display block
        color hsla(81, 40%, 90%, 1)
//-------------------------------------------------------------------------
.popup
    background hsl(81, 60%, 70%)
    h5
        background hsla(81, 40%, 30%, 1)
        display block
        color hsla(81, 40%, 90%, 1)
//-------------------------------------------------------------------------
.task
    background hsl(81, 60%, 70%)
    &:hover
        background hsl(81, 40%, 50%)
        opacity 1.0 !important
//-------------------------------------------------------------------------
#timeline-content
    //background rgba(215,238,171,0.75)
    //box-shadow 0 0 12px hsla(81, 40%, 30%, 1)
//-------------------------------------------------------------------------
.period
    h3
        border-bottom 3px solid hsl(81, 40%, 40%)
//-------------------------------------------------------------------------
section#content
    border 2px dashed #a1c066
    background rgba(215,238,171,0.75)
    box-shadow 0 0 12px hsla(81, 40%, 30%, 1)
//-------------------------------------------------------------------------
.login
    .infocontainer
        input
            color               #000000
            border              1px solid #cdcfd1
            -moz-box-shadow     1px 1px 1px #888
            -webkit-box-shadow  1px 1px 1px #888
        img
            border              1px solid #cdcfd1
            -moz-box-shadow     1px 1px 1px #888
            -webkit-box-shadow  1px 1px 1px #888
//-------------------------------------------------------------------------